<div>
<sly-icon :options="{ imageUrl: `http://192.168.50.207/previews/300x,jpeg,q70/image-converter/convert/h5un6l2bnaz1vj8a9qgms4-public/images/original/C/A/AI/FQQEDzINjh9kHA1h7UnJJSc3KegHZ1lhKQrDI95BOiG1rUiShOlUqvdgpAGPUTYAKlkH2FQzFN0cQstXfxcf8oOIAyUxJpq3XINrsbjJGoalxQ86HmNunLaPUrGN.jpg` }" />
 <sly-icon :options="{ className: `icons8-polygon`, color: 'gray', bgColor: 'yellow', rounded: true }" />
 <sly-icon :options="{ color: 'red', bgColor: 'yellow', rounded: true }">
   <i class="zmdi zmdi-group"></i>
 </sly-icon>
 <sly-icon :options="{ rounded: true, imageUrl: `http://192.168.50.207/previews/300x,jpeg,q70/image-converter/convert/h5un6l2bnaz1vj8a9qgms4-public/images/original/C/A/AI/FQQEDzINjh9kHA1h7UnJJSc3KegHZ1lhKQrDI95BOiG1rUiShOlUqvdgpAGPUTYAKlkH2FQzFN0cQstXfxcf8oOIAyUxJpq3XINrsbjJGoalxQ86HmNunLaPUrGN.jpg` }">
   <i class="zmdi zmdi-group"></i>
  </sly-icon>

  <div>
    <sly-field title="Test text" description="my test description">

    </sly-field>
  </div>

   <div>
    <sly-field title="Test text" style="align-items: center">
      <sly-icon slot="icon" :options="{  imageUrl: `http://192.168.50.207/previews/300x,jpeg,q70/image-converter/convert/h5un6l2bnaz1vj8a9qgms4-public/images/original/C/A/AI/FQQEDzINjh9kHA1h7UnJJSc3KegHZ1lhKQrDI95BOiG1rUiShOlUqvdgpAGPUTYAKlkH2FQzFN0cQstXfxcf8oOIAyUxJpq3XINrsbjJGoalxQ86HmNunLaPUrGN.jpg` }" />
    </sly-field>
  </div>

  <div>
    <sly-field title="Test text" description="my test description">
      <sly-icon slot="icon" :options="{  imageUrl: `http://192.168.50.207/previews/300x,jpeg,q70/image-converter/convert/h5un6l2bnaz1vj8a9qgms4-public/images/original/C/A/AI/FQQEDzINjh9kHA1h7UnJJSc3KegHZ1lhKQrDI95BOiG1rUiShOlUqvdgpAGPUTYAKlkH2FQzFN0cQstXfxcf8oOIAyUxJpq3XINrsbjJGoalxQ86HmNunLaPUrGN.jpg` }" />
    </sly-field>
  </div>

    <div>
    <sly-field title="Test text" description="my test description">
      <sly-icon slot="icon" :options="{ rounded: true, imageUrl: `http://192.168.50.207/previews/300x,jpeg,q70/image-converter/convert/h5un6l2bnaz1vj8a9qgms4-public/images/original/C/A/AI/FQQEDzINjh9kHA1h7UnJJSc3KegHZ1lhKQrDI95BOiG1rUiShOlUqvdgpAGPUTYAKlkH2FQzFN0cQstXfxcf8oOIAyUxJpq3XINrsbjJGoalxQ86HmNunLaPUrGN.jpg` }" />
      <a slot="title" href="/projects/9/datasets">Demo project</a>
      <el-input />
    </sly-field>
  </div>

      <div>
    <sly-field title="Test text" description="my test description">
        <sly-icon slot="icon" :options="{ color: 'red', bgColor: 'yellow', rounded: true }">
   <i class="zmdi zmdi-group"></i>
 </sly-icon>
      <a slot="title" href="/projects/9/datasets">Demo project</a>
      <div>my text</div>
    </sly-field>
  </div>
</div>




To screenshot context menu

body::after {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  content: "";
  background: white;
}

app class gray -> opacity: 0


grid-gap: 150px;
